@font-face {
    font-family: 'politicaregular';
    src: url('fonts/Politica.eot');
    src: url('fonts/Politica.eot?#iefix') format('embedded-opentype'),
         url('fonts/Politica.woff') format('woff'),
         url('fonts/Politica.ttf') format('truetype'),
         url('fonts/Politica.svg#Politica') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import "../bootstrap/less/bootstrap.less";

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* MIXINS  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.border-radius(@radius){
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
	border-radius: @radius;
	-khtml-border-radius: @radius;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* VARIABLES  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

// Colors
// --------------------------------------------------

@white:            #fff;
@blueGray:         #6c798a;
@blueGrayLight:    #c0c6cd;
@blueGrayLightest: #f3f6f7;
@blueDark:         #131e2d;
@orange:           #eb5a44;
@cyan:             #00d3d3;
@brown:            #5b5757;
@brownDark:        #3f3b3b;
@brownLight:       #cac3c0;

// Brand colors
// -------------------------

@brand-primary:         @blueDark;
@brand-success:         #5cb85c;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
@brand-info:            #5bc0de;


// Basics of a navbar
@navbar-height:                    30px;

// Navbar links
@navbar-default-link-color:                @blueDark;
@navbar-default-link-hover-color:          @orange;
@navbar-default-link-active-color:         @white;
@navbar-default-link-active-bg:            @orange;

// Navbar toggle
@navbar-default-toggle-hover-bg:           @orange;
@navbar-default-toggle-icon-bar-bg:        @orange;
@navbar-default-toggle-border-color:       @orange;


// Dropdowns
// -------------------------
@dropdown-link-hover-color:      @dropdown-link-active-bg;
@dropdown-link-hover-bg:         transparent;

// Scaffolding
// --------------------------------------------------
@body-bg:               #c8c8c8;
@text-color:            @blueDark;

// Links
// -------------------------
@link-color:            @orange;
@link-hover-color:      @orange;

// Typography
// -------------------------

@font-family-sans-serif:  Arial, "Helvetica Neue", Helvetica, sans-serif;
@headings-font-family:    "politicaregular";
@font-size-base:          14px;
@line-height-base:        1.7;
@headings-line-height:    1.05;
@font-size-large:         ceil(@font-size-base * 1.5); // ~18px
@font-size-super-large:   ceil(@font-size-base * 2.9); // ~18px

// Buttons
// -------------------------

@btn-default-color:              @white;
@btn-default-bg:                 @orange;
@btn-default-border:             @orange;

// Forms
// -------------------------

@input-bg:                       @blueGray;
@input-bg-disabled:              lighten(@input-bg, 30%);

@input-color:                    @blueGrayLightest;
@input-border:                   @input-bg;
@input-border-focus:             @orange;

@input-color-placeholder:        @input-color;

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 15);

// Container sizes
// --------------------------------------------------

// Large screen / wide desktop
@container-lg-desktop:        ((940px + @grid-gutter-width));
@grid-gutter-width:         20px;

.form-control {
	padding-top: 13px;
	padding-bottom: 13px;

	.placeholder(@blueGrayLightest);

	&:focus {
		.placeholder(@blueGrayLight);
	}
}


&:-moz-placeholder            { opacity: 0.5; } // Firefox 4-18
&::-moz-placeholder           { opacity: 0.5; } // Firefox 19+
&:-ms-input-placeholder       { opacity: 0.5; } // Internet Explorer 10+
&::-webkit-input-placeholder  { opacity: 0.5; } // Safari and Chrome


// Form groups
//
// Designed to help with the organization and spacing of vertical forms. For
// horizontal forms, use the predefined grid classes.

.form-group {
  margin-bottom: 10px;
}

// Button Sizes
// --------------------------------------------------

.btn-lg {
	//min-width: 220px;
	font-family: @headings-font-family;
	text-transform: uppercase;
}

// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@border-radius-large:            5px;
@border-radius-super-large:      10px;

@padding-large-vertical:         10px;
@padding-large-horizontal:       15px;


/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* TYPE  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

h1, .h1 { font-size: floor(@font-size-base * 2.9); } // ~45px
h2, .h2 { font-size: floor(@font-size-base * 2.9); } // ~45px

h1,
h2,
h3 {
  margin-top: @line-height-computed;
  margin-bottom: (@line-height-computed * 1.4);
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* RESET  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.wrapper {
	position: relative;
	overflow: hidden;
}

::selection {
	background: @orange; /* Safari */
	color: @white;
}
::-moz-selection {
	background: @orange; /* Firefox */
	color: @white;
}

img {/* enable responsive images */
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: @blueDark;
}

h5, h6 {
	font-family: @font-family-base;
	font-size: @font-size-base;
	line-height: @line-height-base;
	text-transform: none;
	color: @blueGray;
	margin-top: 0;
	margin-bottom: 0;
}

h5 {
	font-weight: bold;
}


/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* NAVBARS  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

#top-menu-stripe-white {
	height: 100px;
}

// Navbars
// --------------------------------------------------

.navbar-default {
	margin-bottom: 0;
	background: transparent;
	border: none;

	.navbar-nav {
		width: 100%;

		> li > a {
			.border-radius(4px);

			@media (max-width: @grid-float-breakpoint) {
				.border-radius(0);
			}
		}

		li a {
			text-transform: uppercase;
		}

		> .open > a {
			&,
			&:hover,
			&:focus {
				color: @blueDark;
				.border-bottom-radius(0);
			}
		}

		> .dropdown.active {
			margin-right: 17px;
		}

		> .dropdown.active > a:hover .caret,
		> .dropdown.active > a:focus .caret {
			border-top-color: @navbar-default-link-color;
			border-bottom-color: @navbar-default-link-color;
		}

		> .dropdown > a {
			&:hover {
				color: @blueDark;
			}
		}
	}

	.navbar-toggle {

		&:hover,
		&:focus {
			.icon-bar {
				background: @white;
			}
		}
	}

	.navbar-collapse,
	.navbar-form {
		border-color: transparent;
	}
}

// Dropdown menus

// Menu position and menu carets
.navbar-nav > li > .dropdown-menu {
	border: 0;
	background: @orange;
	border-top-right-radius: 4px;
}

// Brand/project name
.navbar-brand {

	@media (max-width: @grid-float-breakpoint) {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

.navbar-collapse {
	@media (min-width: @grid-float-breakpoint) {
		padding-left: 0;
		padding-right: 0;
	}
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* DROPDOWNS  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.drop-top.open {
	.dropdown-toggle {
		border-top-left-radius: 0!important;
		border-top-right-radius: 0!important;
		border-bottom-right-radius: 4px!important;
		border-bottom-left-radius: 4px!important;
	}

	.dropdown-menu {
		border-top-left-radius: 4px!important;
		border-bottom-left-radius: 0!important;
	}
}

// The dropdown menu (ul)
.dropdown-menu {
	font-size: @font-size-large;
	box-shadow: none;

	> li > a {
		color: @white;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* HEADER  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.bg-red-blue {
	background: url(img/02photodune-4525105-truck-l3.jpg) 0 -152px no-repeat;

	@media (min-width: @screen-lg) {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

.bg-cyan-blue {
	background: url(img/01photodune-4525105-truck-l2.jpg) 0 -152px no-repeat;

	@media (min-width: @screen-lg) {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

.bg-transparent {
	background: transparent!important;
}

.background-red-stripe {
	background: url(img/stripe.png) no-repeat;

	@media (max-width: @grid-float-breakpoint) {
		background-position: -45px 0;
	}
}

.background-gray-stripe {
	background: url(img/stripe-gray.png) no-repeat;

	@media (max-width: @grid-float-breakpoint) {
		background-position: -45px 0;
	}
}

.logo {
	display: inline-block;
	padding: 25px 0 23px 0;
	.box-sizing(content-box);

	img {
		display: block;
	}
}


/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* BUTTONS */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

// Core styles
.btn {

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    cursor: not-allowed;
    pointer-events: none; // Future-proof disabling of clicks
    background: @blueGrayLight;
    border-color: @blueGrayLight;
    opacity: 1;
    color: @white;
    .box-shadow(none);
  }

}

.bg-blueGrayLight .btn {
	&.disabled,
	&[disabled],
	fieldset[disabled] & {
		background: @blueGrayLightest;
		border-color: @blueGrayLightest;
		color: darken(@white, 15%) ;
	}
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	background: @btn-default-bg;
	border-color: @btn-default-bg;
	color: @blueDark;
}

.btn-inverted {
	background: @blueDark;
	border-color: @blueDark;
	color: @white;
	&:hover {
		background: @blueDark;
		border-color: @blueDark;
		color: @orange;
	}
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* HELPER CLASSES  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

// Paddings
// --------------------------------------------------

.pad-0 {
	&, .blue-box-in-header& {
		padding: 0;
	}
}

.pad-1 {
	padding: 1px;
}

.pad-t2 {
	padding-top: 2px;
}

.pad-t9 {
	padding-top: 9px;
}

.pad-t10 {
	padding-top: 10px;
}

.pad-t11 {
	padding-top: 11px;
}

.pad-t18 {
	padding-top: 18px;
}

.pad-t20 {
	padding-top: 20px;
}

.pad-t30 {
	padding-top: 30px;
}

.pad-t37 {
	padding-top: 37px;
}

.pad-t39 {
	padding-top: 39px;
}

.pad-t40 {
	padding-top: 40px;
}

.pad-t43 {
	padding-top: 43px;
}

.pad-t44 {
	padding-top: 44px;
}

.pad-t50 {
	padding-top: 50px;
}

.pad-t60 {
	padding-top: 60px;
}

.pad-t100 {
	padding-top: 100px;
}

.pad-r20 {
	padding-right: 20px;
}

.pad-b5 {
	padding-bottom: 5px;
}

.pad-b7 {
	padding-bottom: 7px;
}

.pad-b10 {
	padding-bottom: 10px;
}

.pad-b19 {
	padding-bottom: 19px;
}

.pad-b20 {
	padding-bottom: 20px;
}

.pad-b22 {
	padding-bottom: 22px;
}

.pad-b23 {
	padding-bottom: 23px;
}

.pad-b25 {
	padding-bottom: 25px;
}

.pad-b27 {
	padding-bottom: 27px;
}

.pad-b31 {
	padding-bottom: 31px;
}

.pad-b32 {
	padding-bottom: 32px;
}

.pad-b36 {
	padding-bottom: 36px;
}

.pad-b40 {
	padding-bottom: 40px;
}

.pad-b42 {
	padding-bottom: 42px;
}

.pad-b54 {
	padding-bottom: 54px;
}

.pad-b56 {
	padding-bottom: 56px;
}

.pad-b58 {
	padding-bottom: 58px;
}

.pad-b60 {
	padding-bottom: 60px;
}

.pad-b68 {
	padding-bottom: 68px;
}

.pad-b69 {
	padding-bottom: 69px;
}

.pad-b70 {
	padding-bottom: 70px;
}

.pad-b75 {
	padding-bottom: 75px;
}

.pad-b76 {
	padding-bottom: 76px;
}

.pad-b77 {
	padding-bottom: 77px;
}

.pad-b86 {
	padding-bottom: 86px;
}

.pad-b90 {
	padding-bottom: 90px;
}

.pad-b100 {
	padding-bottom: 100px;
}

.pad-l20 {
	padding-left: 20px;
}

.pad-h0 {
	padding-left: 0;
	padding-right: 0;
}

.pad-hor8 {
	padding-left: 8px;
	padding-right: 8px;
}

.pad-v35 {
	padding-top: 35px;
	padding-bottom: 35px;
}

.this-row-p-pad-b83 .row p {
	padding-bottom: 83px;
}

// Margins
// --------------------------------------------------

.mar-t--31 {
	margin-top: -31px;
}

.mar-b0 {
	margin-bottom: 0;
}

.mar-b--5 {
	margin-bottom: -5px;
}

.mar-b--10 {
	margin-bottom: -10px;
}

.mar-b4 {
	margin-bottom: 4px;
}

.mar-b19 {
	margin-bottom: 19px;
}

.mar-t-12-until-breakpoint {
	@media (min-width: @grid-float-breakpoint) {
		margin-top: -12px;
	}
}

.mar-t30 {
	margin-top: 30px;
}

.mar-t-24 {
	margin-top: 24px;
}

.mar-t32 {
	margin-top: 32px;
}

.mar-t40 {
	margin-top: 40px;
}

.mar-t--96 {
	margin-top: -96px;
}

.mar-b26 {
	margin-bottom: 26px;
}

.mar-b40-md {
	@media (min-width: @screen-xs) and (max-width: @screen-sm) {
		margin-bottom: 40px;
	}
}

.mar-t50 {
	margin-top: 50px;
}

.mar-horiz-auto {
	margin-left: auto;
	margin-right: auto;
}

.mar-b-minus-100 {
	margin-bottom: -100px;
}

// Heights / Widths
// --------------------------------------------------

.hei100pr {
	height: 100%;
}

.wid100pr {
	width: 100%;
}

.wid70 {
	width: 70px;
}

.wid110 {
	width: 110px;
}

.wid88 {
	width: 88px;
}

.wid96 {
	width: 96px;
}

.hei62 {
	height: 62px;
}

.hei70 {
	height: 70px;
}

.hei90 {
	height: 90px;
}

.hei97 {
	height: 97px;
}

// Position
// --------------------------------------------------

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.top--15 {
	top: -15px;
}

.top--30 {
	top: -30px;
}

.right2 {
	right: 2px;
}

.right20 {
	right: 20px;
}

.top0 {
	top: 0;
}

.top10 {
	top: 10px;
}

.top16 {
	top: 16px;
}

.top25 {
	top: 25px;
}

.top78 {
	top: 78px;
}

.bot0 {
	bottom: 0;
}

.left0 {
	left: 0;
}

.left8 {
	left: 8px;
}

.left35 {
	left: 35px;
}

.left41 {
	left: 41px;
}

.right0 {
	right: 0;
}

// Other
// --------------------------------------------------

.content-box {
	.box-sizing(content-box);
}

.font-large {
	font-size: @font-size-large;
}

.font-15 {
	font-size: ceil(@font-size-base * 1.05);
}

.font-super-large {
	font-size: @font-size-super-large;
}

.lheight1 {
	line-height: 1;
}

.lheight1_2 {
	line-height: 1.2;
}

.no-list-style {
	list-style: none;
	padding-left: 0;
}

.no-overflow {
	overflow: hidden;
}

.no-text-transform {
	text-transform: none;
}

.wrap-overflow {
	position: relative;
	overflow: hidden;
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* GLOBAL OBJECTS  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.invisible {/*used in js*/
	.opacity(0);
}

.btn-back {
	display: inline-block;
	background: @orange;
	color: @white!important;
	font-family: @headings-font-family;
	font-size: @font-size-large;
	text-transform: uppercase;
	position: relative;
	margin-left: 17px;
	padding-left: 30px!important;
	padding-right: 49px!important;
	line-height: 30px;
	border-bottom-left-radius: 0!important;
	border-top-left-radius: 0!important;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;

	&:before {
		content: '';
		display: block;
		width: 17px;
		height: 30px;
		background: url(img/button-arrow-left.png) no-repeat;
		position: absolute;
		top: 0;
		left: -17px;
	}

	&:hover {
		text-decoration: none;
		background: darken(@orange, 5%)!important;

		&:before {
			background: url(img/button-arrow-left-hover.png) no-repeat;
		}
	}
}

.ul {
	padding-left: 0;
	list-style: none;

	li {
		&:before {
			content: "- ";
		}
	}
}

.visible-sm-inline-block {
	display: none;

	@media (max-width: @screen-sm) {
		display: inline-block!important;
	}
}

.bold {
	font-weight: bold;
}

.pull-right-breakpoint {
	@media (min-width: @grid-float-breakpoint) {
		float: right;
	}
}

.bg-blueGrayLightest {
	background: @blueGrayLightest;
}

.bg-blueGrayLight {
	background: @blueGrayLight;
}

.bg-brown {
	background: @brown;
}

.bg-brownLight {
	background: @brownLight;
}

.bg-brownDark {
	background: @brownDark;
}

.bg-blueGray {
	background: @blueGray;
}

.bg-blueDark {
	background: @blueDark;
}

.heading-font {
	font-family: @headings-font-family;
}

.bg-white {
	background: @white;
}

.bg-white-tr75 {
	background: url(img/white75.png);
	background: rgba(255, 255, 255, 0.75);
}

.text-blueGrayLightest {
	&,
	a&:hover {
		color: @blueGrayLightest;
	}
}

.text-blueGrayLight {
	&,
	a&:hover {
		color: @blueGrayLight;
	}
}

.text-blueGray {
	&,
	a&:hover {
		color: @blueGray;
	}
}

.text-blueGray-hover-orange {
	& {
		color: @blueGray;
	}

	a&:hover {
		color: @orange;
	}
}

.text-blueDark {
	&,
	a&:hover {
		color: @blueDark;
	}
}

.text-brown {
	&,
	a&:hover {
		color: @brown;
	}
}

.text-brownLight {
	&,
	a&:hover {
		color: @brownLight;
	}
}

.text-brownDark {
	&,
	a&:hover {
		color: @brownDark;
	}
}

.text-orange {
	&,
	a&:hover {
		color: @orange;
	}
}

.text-white {
	&,
	a&:hover {
		color: @white;
	}
}

.text-cyan {
	&,
	a&:hover {
		color: @cyan;
	}
}

.text-center {
	text-align: center;
}

.valign-top {
	vertical-align: top;
}

.blueGrayLight-spikes {
	position: relative;
	margin-top: -10px;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/blueGrayLight-spikes.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}

.blueGrayLightest-spikes {
	position: relative;
	margin-top: -10px;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/blueGrayLightest-spikes.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}

.blueGrayLightest-spikes-down {
	position: relative;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/blueGrayLightest-spikes-down.png) repeat-x;
		position: absolute;
		top: 0;
		left: 0;

	}
}

.blueGray-spikes {
	position: relative;
	margin-top: -10px;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/blueGray-spikes.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}

.brown-spikes {
	position: relative;
	margin-top: -10px;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/brown-spikes.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}

.brownDark-spikes {
	position: relative;
	margin-top: -10px;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/brownDark-spikes.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}

.white-spikes {
	position: relative;
	margin-top: -10px;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/white-spikes.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}


.blueDarkSpikes-top {
	position: relative;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/blueDark-spikes-top.png) repeat-x;
		position: absolute;
		top: -10px;
		left: 0;

	}
}

.blueDarkSpikes {
	position: relative;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/blueDark-spikes.png) repeat-x;
		position: absolute;
		top: 0;
		left: 0;

	}
}

.brownDark-spikes-down {
	position: relative;

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: url(img/brownDark-spikes-down.png) repeat-x;
		position: absolute;
		top: 0;
		left: 0;

	}
}

.subscription-block {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;

	li {
		position: relative;
		padding-top: 8px;
		padding-bottom: 8px;

		&.active {
			background: @blueGrayLightest;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;

			&:after {
				content: '';
				display: block;
				width: 100%;
				height: 10px;
				background: @blueGrayLightest;
				position: absolute;
				bottom: -10px;
				left: 0;
			}
		}

		@media (min-width: @screen-md) {
			&:before {
				content: '';
				display: block;
				width: 1px;
				height: 100%;
				background: @blueGrayLightest;
				position: absolute;
				top: 0;
				left: -35px;
			}

			&:first-child:before { display: none; }
		}

		&.seperator-fix {
			&:before {
				background: #797b7b;
			}
		}

	}

	a {
		display: inline-block;
		vertical-align: middle;
		padding-top: 16px;
		padding-bottom: 16px;
		color: #fff;
		font-family: @headings-font-family;
		font-size: @font-size-base * 1.5;
		text-transform: uppercase;

		&:hover, &.hover {
			text-decoration: none;
			color: @blueDark;

			.icon-51-folder {
				background: url(img/icon-folder-hover.png) no-repeat;
			}

			.icon-51-letter {
				background: url(img/icon-letter-hover.png) no-repeat;
			}

			.icon-51-rss {
				background: url(img/icon-rss-hover.png) no-repeat;
			}

			.icon-51-fb {
				background: url(img/icon-fb-hover.png) no-repeat;
			}
		}
	}
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* ICONS  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.icon-51-folder,
.icon-51-letter,
.icon-51-fb,
.icon-51-rss {
	display: inline-block;
	width: 51px;
	height: 51px;
	vertical-align: middle;
	margin-right: 30px;
	margin-top: -6px;
}

.icon-51-folder {
	background: url(img/icon-folder.png) no-repeat;
}

.icon-51-letter {
	background: url(img/icon-letter.png) no-repeat;
}

.icon-51-rss {
	background: url(img/icon-rss.png) no-repeat;
}

.icon-51-fb {
	background: url(img/icon-fb.png) no-repeat;
}

.icon-all-in-one-small,
.icon-driver-dialog-small,
.icon-truck-gear-small,
.icon-truck-tablet-small,
.icon-puzzle-small,
.icon-tablet-small,
.icon-securetruck-small
{
	display: inline-block;
	height: 73px;
}

.icon-all-in-one-small {
	width: 55px;
	//height: 73px;
	background: url(img/all-in-one-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/all-in-one-small-red.png) no-repeat;
	}
}

.icon-driver-dialog-small {
	width: 79px;
	//height: 53px;
	background: url(img/driver-dialog-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/driver-dialog-small-red.png) no-repeat;
	}
}

.icon-truck-gear-small {
	width: 54px;
	//height: 49px;
	background: url(img/truck-gear-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/truck-gear-small-red.png) no-repeat;
	}
}

.icon-truck-tablet-small {
	width: 50px;
	//height: 31px;
	background: url(img/truck-tablet-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/truck-tablet-small-red.png) no-repeat;
	}
}

.icon-puzzle-small {
	width: 35px;
	//height: 45px;
	background: url(img/puzzle-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/puzzle-small-red.png) no-repeat;
	}
}

.icon-tablet-small {
	width: 46px;
	//height: 35px;
	background: url(img/tablet-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/tablet-small-red.png) no-repeat;
	}
}

.icon-securetruck-small {
	width: 55px;
	//height: 49px;
	background: url(img/securetruck-small.png) no-repeat;

	li:hover &, li.active & {
		background: url(img/securetruck-small-red.png) no-repeat;
	}
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* STICKLY NAVIGATION  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

.js-sticked {
	width: 100%;
	position: fixed;
	top:0;
	z-index: 9999;
}

.js-top-menu-one.active {
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);

	&:before {
		content: '';
		display: block;
		width: 100%;
		height: 10px;
		background: rgba( 0, 0, 0, 0.1 );
		position: absolute;
		left: 0;
		bottom: -11px;
	}
}

/*
.js-top-menu-one.active {
	background: url(img/02photodune-4525105-truck-l3.jpg) center -252px no-repeat;

	@media (min-width: @screen-lg) {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
}

.bg-cyan-blue .js-top-menu-one.active {
	background: url(img/01photodune-4525105-truck-l2.jpg) center -252px no-repeat;

	@media (min-width: @screen-lg) {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

.js-top-menu-two.active {
	background: url(img/stripe.png) no-repeat;
}

.bg-cyan-blue .js-top-menu-two.active {
	background: url(img/stripe-gray.png) no-repeat;
}

*/

// dev

.tablet-driver-red, .tablet-driver-blue {
	position: relative;
	width: 100%;
	//background: url(img/tablet-driver.png) 85px 0 no-repeat;

	h2 {
		padding-top: 41px;
		margin-bottom: 23px;
	}

	.img-box {
		margin-left: 58px;
	}

	@media (max-width: @screen-md) {
		.img-box {
			margin-left: 0;
		}
	}
}

.tablet-driver-blue {
	padding-right: 0;

	img { position: relative; }
}

.blue-box-in-header {
	width: 100%;
	background: @orange;
	.border-radius(@border-radius-super-large);
	padding-bottom: 20px;

	.inner {
		position: relative;
		width: 100%;
		background: url(img/ie-bg1.png);
		#gradient>.radial(@blueGray, @blueDark);
		.border-radius(@border-radius-super-large);
		padding-left: 90px;
		padding-right: 90px;
		padding-bottom: 21px;
		overflow: hidden;

		@media (max-width: @screen-md) {

			padding-left: 20px;
			padding-right: 20px;

			>.corner {
				display: none;
			}
		}

		@media (max-width: @screen-xs) {
			padding-left: 5px;
			padding-right: 5px;
		}

		>.corner {
			width: 200%;
			height: 200%;
			background: rgba(255, 255, 255, 0.12);
			position: absolute;
			top: 0-88%;
			right: -105%;
			-webkit-transform: rotate(65deg);
			-moz-transform: rotate(65deg);
			-ms-transform: rotate(65deg);
			-o-transform: rotate(65deg);
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		}
	}
}

.dashed-box {
	background: transparent;

	.inner {
		background: transparent;
	}
}

.dashed-gray-border2 {
	border: 2px dashed @blueGrayLight;
	.border-radius(@border-radius-super-large);
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.no-bold {
	font-weight: normal;
}

.uppercase {
	text-transform: uppercase;
}

.icon-play {
	display: block;
	width: 50px;
	height: 50px;
	background: url(img/icon-play.png) no-repeat;
}

.icon-play-red {
	display: block;
	width: 50px;
	height: 50px;
	background: url(img/icon-play-red.png) no-repeat;
}

.icon-play-down {
	display: block;
	width: 50px;
	height: 50px;
	background: url(img/icon-play-down.png) no-repeat;
}

.js-red-stripe-visual {
	display: block;
	position: absolute;
	top: 0;
	.js-stripe-contents {
		margin-top: 140px;
		padding-top: 50px;
		padding-left: 30%;
		padding-right: 50%;
		padding-bottom: 23px;
	}
}

.z-index1 {
	z-index: 1;
}

.z-index2 {
	z-index: 2;
}

.z-index3 {
	z-index: 3;
}

.z-index4 {
	z-index: 4;
}

.z-index5 {
	z-index: 5;
}

.z-index-0-sm {
	
	@media (max-width: @screen-md) {
		z-index: 0;
	}
	
}

.text-right {
	text-align: right;
}

.slider-header {
	padding-bottom: 40px;
	text-align: center;

	li {
		display: inline-block;
		cursor: pointer;
		text-align: center;
		color: @blueGrayLight;
		padding-left: 14px;
		padding-right: 14px;

		&.active {
			color: @orange;
			text-decoration: none;
		}

		.text {
			display: block;
		}

		&.active {
			position: relative;

			&:before {
				content: '';
				display: block;
				width: 28px;
				height: 18px;
				background: url(img/arrow_down.png) no-repeat;
				position: absolute;
				left: 50%;
				margin-left: -14px;
				bottom: -30px;
			}
		}
	}
}

/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */
/* CUSTOM CAROUSEL  */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  */

#carousel-custom-main {
	width: 941px;
	height: 656px;
	padding: 89px 89px 91px 89px;
	margin: 0 auto;
	background: url("img/tablet-frame.png") no-repeat;

	>.carousel-inner {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	>.controls {
		display: block;
		width: 50px;
		position: absolute;
		top: 50%;
		margin-top: -75px;
		right: 25px;

		.button-next, .button-prev {
			display: block;
			width: 50px;
			height: 50px;
			background: url(img/arrow-round-right.png);
			margin-bottom: 25px;
			border: none;
		}

		.button-prev {
			background: url(img/arrow-round-left.png);
		}
	}
}

.carousel-custom-secondary {
	width: 100%;
	height: 100%;

	.carousel-inner {
		width: 100%;
		height: 476px;
	}
}

.cc-carousel-holder {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 775px;
	padding: 74px;
	padding-bottom: 50px;
	height: 516px;
	background: url(img/tablet-frame-med.png) no-repeat;

	.cc-carousel-controls {
		position: absolute;
		top: 50%;
		margin-top: -85px;
		right: 20px;

		button {
			display: block;
			width: 39px;
			height: 40px;
			background: red;
			border: none;
			margin-bottom: 25px;
			outline: none;
		}

		.cc_slides_prev {
			background: url(img/arrow-round-left-mid.png);
		}

		.cc_slides_next {
			background: url(img/arrow-round-right-mid.png);
		}

		.cc_slides_pause_play {
			background: url(img/icon-pause-mid.png);

			&.paused {
				background: url(img/icon-play-mid.png);
			}
		}
	}
}

.cc-carousel {
	position: relative;
	width: 100%;
	max-height: 411px;
	overflow: hidden;
	.clearfix();

	ul {
		position: relative;
		list-style: none;
		padding-left: 0;
		overflow: hidden;
	}

	li {
		position: relative;
		float: left;
		overflow: hidden;
	}
	
}

.cc-carousel-bubles {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 2;

	button {
		display: inline-block;
		border: none;
		outline: none;
		width: 20px;
		height: 20px;
		background: red;
		margin: 0 10px;
	}
}

.pad-r85-large-screens {
	padding-right: 85px;

	@media (max-width: @screen-xs) {
		padding-right: 0;
	}
}

.css-js-sliding-background {
	position: absolute;
	top: 0;
	overflow: visible!important;
	padding: 1px;

	@media (max-width: @screen-sm) {
		display: none;
	}

	.inside_stripe {
		display: block;
		//background: url(img/stripe-gray.png) no-repeat;
		position: absolute;
		top: 0;
		right: 0;
	}

	.content {
		display: none;
		padding-left: 20%;
		padding-right: 10%;
		margin-top: 139px;
		padding-top: 53px;

		h4 {
			font-size: 40px;
		}
	}
}

.huge-arial {
	font-size:320%;
	font-family:arial;
	font-weight:bold;
	letter-spacing:0.1em;
}

.pointer {
	cursor: pointer;
}

.brown-input {
	background: @brown;
	border-color: @brown;
}

/* jQuery Countdown styles 1.6.3. */

.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: @blueGrayLightest;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 23.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	position: relative;
	float: left;
	font-size: 75%;
	text-align: center;
	background: @blueDark;
	margin-left: 0.3%;
	margin-right: 0.3%;
	color: @blueGrayLightest;

	&:last-child {
		background: @orange;
	}

	.boxlabel {
		width: 100%;
		font-size: 14px;
		color: #fff;
		position: absolute;
		left: 0;
		bottom: -22px;
		text-transform: uppercase;
	}
}
.countdown_amount {
	font-size: 255%;
	line-height: 154%;
}
.countdown_descr {
	display: block;
	width: 100%;
}

.arial {
	font-family: "arial";
}

.navbar-nav>li.selected_item a {
	color: @orange;
}



/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
	position: relative;
	width: 100%;
	height: 340px;
	overflow: hidden;
}

.slider ul {padding-left: 0;list-style: none;}

.slides {
	height: 100%;

	/* Simple clear fix */
	overflow: hidden;

	/**
	 * Here is CSS transitions 
	 * responsible for slider animation in modern broswers
	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide {
	height: 100%;
	float: left;
	clear: none;
}


.slider-arrows {}

.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	padding: 20px;
}

	.slider-arrow--right { bottom: 50%; right: 30px; }
	.slider-arrow--left { bottom: 50%; left: 30px; }


.slider-nav {
	position: absolute;
	bottom: 30px;
}

.slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: @blueGray;
	border: 1px solid @blueGray;
	border-radius: 360px;
}

//.slider-nav__item:hover { background: #000; }
.slider-nav__item--current { background: @blueDark; border-color: @blueDark; }



#flippyBox {
	height: 100%;
	overflow: hidden;
	background: transparent!important;
}

/* ----------- */

.border-top-white {
	border-top: 1px solid #fff;
}

.border-bottom-bluegraylighterv2 {
	border-bottom: 1px solid #a2aab3;
}

.border-bottom-blueDarkv2 {
	border-bottom: 1px solid #293544;
}

.css-js-hover-slider {
	display: block;
	width: 100%;
	height: 340px;
}

/* fixes for large screen only */


@media (min-width: @screen-lg) {

	.img-box img {
		max-width: none;
	}

	.blue-box-in-header-holder {
		width: 104.3%;
		margin-left: -10px;
	}

	.navbar-nav {

		> li > a {
			padding-top: 5px;
			padding-bottom: 2px;
		}

		>.dropdown.active>a {
			padding-left: 10px;
			padding-right: 10px;
			.caret {
				display: none;
			}
		}
	}

}

// subscribe-news

#subscribe-news {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: -1px;
	padding: 33px 13px 12px 13px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


.news-container {
	article {
		padding-bottom: 21px;
	}

	h2 {
		margin-bottom: 16px;
	}
}

body {
	position: relative;
}

.blackout {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
}

.footer-main {
	.partner-link {
		display: inline-block;
		position: relative;
		top: -14px;
		margin-bottom: -5px;
		padding-left: 8px;

		img {
			display: block;
		}

		&:first-of-type {
			padding-left: 0;
		}
	}
}

.btn-contract {
	@media (min-width: @screen-md) {
		position: absolute;
		bottom: 29px;
		right: 0;
	}
}

/* ************************************* */
/* ************** BX SLIDER ************ */

/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	*/

	/*border: solid #fff 5px;*/
	/*left: -5px;*/
	/*background: #fff;*/
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 17px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 360px;
	-webkit-border-radius: 360px;
	border-radius: 360px;
	border: 1px solid @blueDark;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px solid transparent;
	background: @blueDark;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* CUSTOM TOMAS */

.bxslider {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
}

/* ANIMATE ICONS */

.css-animate-icons {
	display: inline-block;
	position: relative;
	padding: 10px;
	margin-top: -10px;
	.box-sizing(content-box);

	>.secondary {
		position: absolute;
	}
}




.social-in-top-menu {
	display: block!important;
	position: absolute!important;
	top: -10px;

	a {
		padding: 0!important;
	}
}

.paragraph-button-center {
	padding-bottom: 20px;
	
  .paragraph-to-align, .wrap-button {
  	display: inline-block;
  	vertical-align: bottom;
  }
  .paragraph-to-align {
  	width: 69%;
  	padding-bottom: 0;
  	margin-bottom: 0;
  }
  .wrap-button {
  	width: 30%;
  }

}